<!DOCTYPE html>
<html lang="zh">
	<head>
		<title>华景城统一认证中心</title>

		<meta charset="utf-8">
		<!-- 第一种方式:<base> 标签为页面上的所有链接规定默认地址或默认目标,然后你的css或js或src原来是怎么样还是什么样 -->
		<base th:href="@{/}" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./sa-res/login.css">
		<style>
			.view-box{
				display: flex;
				justify-content: center;
				align-items: center;
				background-image: url("logo.jpg");
				background-size: cover;
			}
		</style>
	</head>
	<body>
		<div class="view-box">
			<div class="login-box">
				<div class="zz-box">
					<div class="logo-box">
<!--						<img src="logo.jpg" >-->
					</div>
					<div class="from-box">
						<!-- tab选项卡 -->
						<div class="from-title">
							<h3 class="title" style="text-align: center">华景城统一认证中心</h3>
<!--							<div class="tab-box">-->
<!--								<span class="tab1 nat-tab">密码登录</span>-->
<!--								<span class="tab2">短信登录</span>-->
<!--							</div>-->
<!--							<div class="title-border"></div>-->
						</div>
						<!-- 登录 div -->
						<div class="login-dev native">
							<div class="from-item">
								<input class="s-input" name="name" placeholder="用户名称" />
							</div>
							<div class="from-item">
								<input class="s-input" name="pwd" type="password" placeholder="密码" />
							</div>
							<div class="from-item">
								<button class="s-input s-btn login-btn">登录</button>
							</div>
							<div class="from-item reset-box">
								<a href="javascript: forget();">忘记密码？</a>
<!--								<a href="javascript: regAcc();" style="float: right;">注册账号</a>-->
							</div>
						</div>
						<!-- 注册 div -->
						<div class="reg-dev">
							<div class="from-item">
								<input class="s-input" name="phone" placeholder="手机号" />
							</div>
							<div class="from-item" style="text-align: left;">
								<input class="s-input" name="vc" placeholder="验证码" />
								<!-- <a >获取验证码</a> -->
								<span class="send-vc"><a >获取验证码</a></span>
							</div>
							<div class="from-item">
								<button class="s-input s-btn reg-btn">登录 / 注册</button>
							</div>
							<div class="from-item reg-tips">
								提示：未注册手机号登录后将自动注册
							</div>
						</div>
					</div>
					<div class="logo-box"></div>
				</div>
			</div>
			<!-- 底部 版权 -->
			<div style="position: absolute; bottom: 40px; width: 100%; text-align: center; color: #666;">
				CopyRight © 2021 广西华景城建筑设计有限公司 ICP备:桂ICP备2020008550号-1
			</div>
		</div>

		<!-- scripts -->
		<script src="./sa-res/jquery.min.js"></script>
		<script src="./sa-res/layer/layer.js"></script>
		<script src="./sa-res/login.js"></script>
		<script>
			// 显示是否禁止了登录
			function isAlertInfo() {
				var errorMessage = "[[${errorMessage}]]";
				if(errorMessage) {
					setTimeout(function () {
						layer.alert(errorMessage, {title: '提示', icon: 5});
					}, 100)
				}
			}
			isAlertInfo();
		</script>
		
	</body>
</html>

